<template>
  <div style="display:flex">
  <div style="margin-right:20px">
    <div class="hcqStyle3">幸福家</div>
     <span style="font-size: 20px; text-align: center; margin-top: 1px; color: black;">家政八九点，幸福天天有。</span>
    </div>
    <div class="search">
          <!-- 搜索框 -->
          <a-input-search
            placeholder="请输入服务名称进行查找"
            @search="onSearch"
          />
    </div>

  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    onSearch(value) {
      console.log("搜索值",value);
      if (value != "") {
        this.$router.push("/search/result/" + value).catch((err) => {});

      }
    },
  },
};
</script>
<style scoped>
.search {
  width: 60%;
  margin: 18px 30px;
}

.search >>> .ant-input {

  height: 50px;
  border-radius: 8px;
  border: 3px solid #1890ff;
}
.search >>> .ant-input::-moz-placeholder{ /* Internet Explorer 10-11 */
  color: #1890ff;
}
.hcqStyle3 {
  font-weight: bold;
  /* // -webkit-text-fill-color: transparent; */
  /* -webkit-background-clip: text; */
  font-size: 40px;
  color: #1890ff;
}
</style>
